@CHARSET "ISO-8859-1";

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

a {
	text-decoration: underline;
}

b {
	font-size: 110%;
}

em {
	color: red;
}

h1 {
	color: #00ffff; 
}

h3 {
	color: #ffffff;
}

.errorMsg {
	color: red;
}

.okMsg {
	color: green; 
}	

#userConnected {
	color: white;
}

#topsection {
	background: black;
	/*height: 130px;*/
	height: 30%; 
}

#mainContainer {
	height: 600px; 
}

#topsection h1 {
	margin: 0;
	padding-top: 15px;
}

#leftcolumn {
	float: left;
	width:25%;
	background: #C8FC98;
	height: 100%;
}

#contentcolumn {
	float: left;
	width: 50%;
	height: 100%;
}

#adPanel {
	float: left; 
	background: #808080;
	color: white; 	
	width: 25%;
	height: 100%;
	text-align: center; 
}

#footer {
	clear: both;
	width: 100%;
	background: black;
	color: #FFF;
	text-align: right;
	padding: 4px 0;
	height: 5%;
}

#footer a {
	color: #FFFF80;
}

.dynamicDiv{
	text-align: left;
	color: blue;
	cursor: pointer; 
}
.dynamicDiv:hover {
	background: white;
	color: red; 
	font-weight: bold;
	transition-duration: 1.25s;
	-webkit-transition-duration: 1.25s;	 
}

.innertube {
	margin: 10px;
	/*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}


.rightcolumn {margin-left: 10px;}
.leftcolumn {margin-right: 10px;}
.centercolumn {margin-left: 10px; margin-right: 10px;}


input:required:invalid, input:focus:invalid { 
	background-image: url(''); 
	background-position:right; 
	background-repeat:no-repeat; 
	-moz-box-shadow:none; 
} 
input:required:valid { 
	background-image: url(''); 
	background-position:right; 
	background-repeat:no-repeat; 
	-moz-box-shadow:none; 
}
:invalid {
  border: 2px solid #ff0000;
}
